<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="template">

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>预约信息一览</title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/orderDetailList.css"/>
    <link rel="stylesheet" href="../css/zoomify.css"/>
    <script type="text/javascript" src="../js/orderDetailList.js"></script>
    <script type="text/javascript" src="../js/zoomify.min.js"></script>
</head>
<body id="orange">
<div class="container">

    <div class="content">

        <div class="container-right" layout:fragment="content">
            <div class="crumbs">
                <ul>
                    <li><a href="/index/home">首页</a><i class="triangle-icon"></i></li>
                    <li><a href="/introduction">智能检车</a><i class="triangle-icon"></i></li>
                    <li class="active"><a href="">预约信息一览</a></li>
                </ul>
            </div>
            <div class="tbl-deliver-address">
                <div class="caption mtb10" style="width:  960px;margin-bottom: 20px;">
                    <span class="evaluate-list" th:id="${Status}" style="display: inline-block; height:40px;width: 800px;">
                        <span id="fist"><a href="queryOrderDetail">已预约</a></span>
                        <span id="last"><a href="queryOrderDetailOld">已检测</a></span>
                    </span>
                    <span id="AddOrderDetail"><a href="/searchStation/init"><b>+</b>添加预约</a></span>
                </div>
                <table rules="rows" cellspacing="0" cellpadding="0" style="width: 100%;" class="tbl-main">


                    <tr class="thead-tbl-grade">
                        <th style="width: 40px">行号</th>
                        <th style="width: 170px">预约时间</th>
                        <th style="width: 70px">车牌号</th>
                        <th style="width: 70px">车辆类型</th>
                        <th style="width: 150px">检测站</th>
                        <th style="width: 50px">金额</th>
                        <th style="width: 70px">支付方式</th>
                        <th style="width: 70px">取件方式</th>
                        <th style="width: 100px">操作</th>
                    </tr>

                    <tr th:each="order,addressStat:${listOrder}" th:id="${order.orderid}"
                        class="thead-tbl-address address-default ">
                        <div hidden="hidden">
                            <input id="addressid" value="" hidden="hidden"/>
                            <input id="userid" value="" hidden="hidden"/>
                        </div>
                        <td th:text="${addressStat.index}">1</td>
                        <td th:text="${order.reservationday}">2017年12月30日 上午10:30</td>
                        <td th:text="${order.plateNumber}">鲁A12345</td>
                        <td th:text="${order.vehicletypename}">小型车</td>
                        <td th:text="${order.stationname}">济南市历下区第一检测站</td>
                        <td th:text="${order.cost}">200元</td>
                        <td th:text="${order.paymentmode}">到店支付</td>
                        <td th:text="${order.takemode}">资料自取</td>
                        <td>
                            <a th:href="@{/deleteOrderDetail(orderId=${order.orderid},status=${Status})}" class="del operationAddress">删除</a>|
                            <a th:if="${order.orderstatus eq '0'}"  th:href="@{/order/order(orderId=${order.orderid},status='0')}" class="operationAddress">修改</a>
                            <a th:if="${order.orderstatus eq '1'}"  th:href="@{/order/order(orderId=${order.orderid},status='0')}" class="operationAddress">修改</a>
                            <a th:if="${order.orderstatus eq '2'}"  href="" class="operationAddress">评价</a>
                            <a th:if="${order.orderstatus eq '3'}"  th:href="@{/order/order(orderId=${order.orderid},status='1')}" class="operationAddress">查看</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

    </div>
</div>
</body>
</html>